import type { Preview } from "@storybook/react";

const preview: Preview = {
  parameters: {
    viewport: {
      viewports: {
        3840: {
          name: "3840",
          styles: {
            width: "3840px",
            height: "1080px",
          },
        },
        1920: {
          name: "1920",
          styles: {
            width: "1920px",
            height: "1080px",
          },
        },
        500: {
          name: "500",
          styles: {
            width: "500px",
            height: "700px",
          },
        },
      },
    },
    actions: { argTypesRegex: "^on[A-Z].*" },
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/,
      },
    },
  },
};

export default preview;
